body > header{
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5px 15px 8px 15px;
    background-color: #F2F2F2;
    .search{
        display: flex;
        flex: 1;
        flex-basis: 0;
        
        .logo{
            width: 30px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .search-box{
            flex: 1;
            border:solid 1px #E5E5E5;
            display:flex;
            align-items: center;
            font-size: 16px;
            color: #999;
            font-weight: lighter;
            margin-left: 10px;
           i{
               margin-left: 10px;
               color: #D0D0D0;
           }
           span{
               margin-left: 10px;
           }
        }
        .user{
            width: 35px;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            font-size: 20px;
            color: #6B6B6B;
           // flex: 1;
        }
    }
    nav{
        //background-color: royalblue;
        flex: 1;
        flex-basis: 0;
        display: flex;
        justify-content: space-evenly;
        .links{
            display: flex;
            justify-content:space-around;
            align-items: flex-end;
            flex: 1;
            a{
                color:#8E8E8E ;
                text-decoration: none;
                font-weight: lighter;
                position: relative;
                font-size: 14px;
                &.active{
                    color: #EE762C;
                    font-weight: normal;
                    &::after{
                        content: '';
                        position: absolute;
                        display: block;
                        height: 2px;
                        background-color: #EE762C;
                        width: 30px;
                        bottom:-8px;
                    }
                }
            }
        }
        .icon{
            width: 35px;
            display: flex;
            justify-content: flex-end;
            align-items: flex-end;
            color: #6B6B6B;
        }
    }
}